<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商家详情</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/commons.css" rel="stylesheet" />
		<link href="../css/shop_detail.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">商家详情</h1>
		</header>
		<!--
        	作者：837081299@qq.com
        	时间：2017-02-28
        	描述：头部结束
        -->
		<div class="mui-content">
			<div class="shop-img-box">
				<img id="MainImg" src="" alt="商家图片" style="display: none;">
				<div class="spinner-box" style="width: 100%;height: 100px;"><span style="display: block;margin: 30px auto 10px auto;" class="mui-spinner"></span><span style="width: 100%;text-align: center;display: block;font-size: 13px;">加载中...</span></div>
			</div>
			<h4 class="shop-info shop-detail-title"></h4>
			<div class="shop-detail-box">
				<p class="shop-detail-address mui-clearfix" id="address"><img src="../img/shop-address.png" alt="商家地址"><span class="address"></span></p>
				<a class="shop-phone" href="tel:"><img src="../img/shop-phone.png" alt="商家电话"><span class="phone"></span></a>
			</div>

			<!---->
			<h2 class="shop_detail_title">图文详情</h2>
			<div class="shop_detail_img">
				<img src="../img/loading.png"/>
				<img src="../img/loading.png"/>
				<img src="../img/loading.png"/>
				<img src="../img/loading.png"/>
			</div>
		</div>
		<!--
        	作者：837081299@qq.com
        	时间：2017-02-07
        	描述：底部导航开始
        -->
        <nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" id="index">
				<span class="mui-icon"><img src="../img/index-icon-act.png"/></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" id="nearby">
				<span class="mui-icon"><img src="../img/nearby-icon.png"/></span>
				<span class="mui-tab-label">入驻</span>
			</a>
			<a class="mui-tab-item" id="shop">
				<span class="mui-icon"><img src="../img/cart_icon_h.png"/></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item" id="me">
				<span class="mui-icon"><img src="../img/personal-icon.png"/></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="go-top" style="display: none;"><img src="../img/go-top.png" alt="回到顶部"></div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-1.10.1.min.js"></script>
		<script>  document.write("<s"+"cript type='text/javascript' src='../js/commons.js?"+Math.random()+"'></scr"+"ipt>"); </script>
		<script src="../js/shop-detail.js"></script>
	</body>

</html>